<%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2023-12-6
  Time: 上午 08:09
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>小米商城后台管理</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.26/webcam.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/background/administrator.js"></script>
    <script src="${pageContext.request.contextPath}/other/resource/input_util.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/background/login.js"></script>
    <link href="${pageContext.request.contextPath}/other/style/background/login.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<div class="body">
    <div class="background">

        <div class="main-content">
            <div class="content">
                <div class="logo-img">
                    <div class="logo-title">
                        <img src="http://localhost:8083/resource_packs/images/logo.png" alt="小米Logo">
                        <span>Xiaomi</span>
                    </div>
                </div>
            </div>
            <div class="login">
                <div class="login-form">
                    <div class="login-register">
                        <span>登陆</span>
                    </div>
                    <div class="from-login" style="margin-top: 80px;display: block">
                        <div class="input-login">
                            <label>
                                <input type="text" placeholder="请输入账号" class="id">
                            </label>
                        </div>
                        <div class="input-login">
                            <label>
                                <input type="password" placeholder="请输入密码" class="password" value="">
                            </label>
                        </div>
                        <div class="prompt">
                            <span class="hint-text"></span>
                        </div>
                        <div class="button-login">
                            <button>登陆</button>
                        </div>
                        <div class="login-method">
                            <img src="http://localhost:8083/resource_packs/images/face_recognition.png"
                                 alt="人脸识别" class="face-recognition-method">
                        </div>
                    </div>
                    <div class="face-mode" style="display: none">
                        <video id="videoElement" autoplay></video>
                        <img id="capturedImage" src="" alt="图片">
                        <button class="face-login">登陆</button>
                        <div class="login-method">
                            <img src="http://localhost:8083/resource_packs/images/account_login.png"
                                 alt="账号登陆" class="face-recognition-method">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="other">
            <span>
                小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </span>
        </div>
    </div>
</div>
<jsp:useBean id="status" scope="request" type="java.lang.Boolean"/>
<script>
    //有令牌则直接跳转到登陆页面
    let status = ${status};
    if (status){
        window.location.href = "/www.xiaomi.com/background/home"
    }
</script>
</body>
</html>
